<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>

<html>
  <head>
    <meta charset="utf-8"/>
    <title>Performance tool marker generation</title>
  </head>

  <body>
    <script type="text/javascript">
      "use strict";
      function test() {
        let i = 10;
        // generate sync styles and reflows
        while (--i) {
          /* eslint-disable no-unused-vars */
          let h = document.body.clientHeight;
          /* eslint-enable no-unused-vars */
          document.body.style.height = (200 + i) + "px";
          // paint
          document.body.style.borderTop = i + "px solid red";
        }
        console.time("!!!");
        test2();
      }
      function test2() {
        console.timeStamp("go");
        console.timeEnd("!!!");
      }

      // Prevent this script from being garbage collected.
      window.setInterval(test, 1);
    </script>
  </body>

</html>
